body {
    font: 12px/20px 'Lucida Grande', Tahoma, Verdana, sans-serif;
    color: white;
    background-color: #373737;
}

.head h1{
    background-color: #373737;
}

.paper {
    font: normal 12px/1.5 "Lucida Grande", arial, sans-serif;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    padding: 6px 5px 4px 42px;
    position: relative;
    color: #444;
    line-height: 20px;
    border: 1px solid #d2d2d2;

    background: #fff;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px;
    background: -webkit-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    background: -moz-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    background: -ms-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    background: -o-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    background: linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;

    -webkit-background-size: 100% 20px;
    -moz-background-size: 100% 20px;
    -ms-background-size: 100% 20px;
    -o-background-size: 100% 20px;
    background-size: 100% 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);

}

.paper::before {
    content: '';
    position: absolute;
    width: 4px;
    top: 0;
    left: 6%;
    bottom: 0;
    border: 1px solid;
    border-color: transparent #efe4e4;
}

.textarea {
    display: block;
    width: 94%;
    margin: 0 0 auto;
    padding: 3.2% 3%;
    border: none;
    outline: none;
    height: 94%;
    background: transparent;
    line-height: 20px;
}

.head {
    background-color: #FFF;
    margin: auto;
}